<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>入住登记与结账退房</title>
    <link rel="icon" type="image/png" href="img/favicon.png" />
    <link rel="stylesheet" href="css/amazeui.min.css" />
    <link rel="stylesheet" href="css/admin.css" />
    <link rel="stylesheet" href="css/layer.css" />
    <link rel="stylesheet" href="css/app.css" />
    <script src="jquery/jquery.js"></script>
    <script src="js/echarts.min.js"></script>
    <script src="js/amazeui.min.js"></script>
    <script type="text/javascript" src="jquery/checkin_ajax.js"></script>


</head>
<body>
<ol class="am-breadcrumb">
    <li><a href="base" class="am-icon-home">首页</a></li>
    <li class="am-active">住宿管理</li>
    <li class="am-active">住宿登记</li>
</ol>
<div style="background:white">
    <h1 style="text-align: center;">入住登记</h1>
    <hr>
    房间信息<br>
<!--    <div id="show"></div>-->
    <table class="am-table am-table-bd am-table-striped am-table-hover">
        <thead>
        <tr>
            <th>房间ID</th>
            <th>房间号码</th>
            <th>房间类型</th>
            <th>房间价格</th>
            <th>房间状态</th>
            <th>备注</th>
            <th>订单号</th>
        </tr>
        </thead>
        <tbody id="show">

        </tbody>

    </table>
    <button type="button" class="am-btn am-btn-xs am-round" onclick="javascript:upPage();" >上一页</button>&nbsp;&nbsp;<button type="button" class="am-btn am-btn-xs am-round" onclick="javascript:downPage();" >下一页</button>
    <div class="am-g">
            <div class="am-btn-toolbar">
                <div class="am-btn-group ">
                    <button  type="button" style="margin-right:20px ;margin-left:700px" class="am-btn  am-btn-success" data-am-modal="{target: '#doc-modal-5'}"><span class="am-icon-plus"></span>入住登记</button>

<!--        <div id="addroom" style="display:none">-->
<!--            <form>-->
<!--                房间号码:<input type="text" id="room_number" style="border:0.5px solid #378888"><br/>-->
<!--                类型ID:<input type="text" id="roomtype_id" style="border:0.5px solid #378888"><br/>-->
<!--                价格:<input type="text" id="room_price" style="border:0.5px solid #378888"><br/>-->
<!--                状态:<input type="text" id="room_status" style="border:0.5px solid #378888"><br/>-->
<!--                备注:<input type="text" id="remark" style="border:0.5px solid #378888"><br/>-->
<!--                订单号：<input type="text" id="order_id" style="border:0.5px solid #378888"><br/>-->
<!--                <input type="button" id="button1" value="插入"><br/><br/>-->
<!--            </form>-->
<!--        </div>-->

                    <button  type="button" style="margin-right:20px" class="am-btn  am-btn-primary" data-am-modal="{target: '#doc-modal-6'}"><span class="am-icon-circle"></span> 新增房间</button>
                </div>
            </div>
        </div>


    <div class="am-modal am-modal-no-btn " tabindex="-1" id="doc-modal-6" style="margin-top:-500px" >
        <div class="am-modal-dialog" >
            <div class="am-modal-hd">
                <a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close>&times;</a>
            </div>
            <div class="am-modal-bd">
                <form class="am-form">
                    <fieldset>
                        <legend>新增房间</legend>
                        <div class="am-form-gruop">
                            <label for="room_number"> 房间号码</label>
                            <input type="text" id="room_number">
                        </div>
                        <div class="am-form-gruop">
                            <label for="roomtype_id">类型ID</label>
                            <input type="text" id="roomtype_id" >
                        </div>
                        <div class="am-form-gruop">
                            <label for="room_price">价格</label>
                            <input type="text" id="room_price" >
                        </div>
                        <div class="am-form-gruop">
                            <label for="room_status">状态</label>
                            <input type="text" id="room_status" >
                        </div>
                        <div class="am-form-gruop">
                            <label for="remark">备注</label>
                            <input type="text" id="remark" >
                        </div>
                        <div class="am-form-gruop">
                            <label for="order_id">订单号</label>
                            <input type="text" id="order_id" >
                        </div>


                        <input type="button" class="am-btn am-btn-default am-round" value="取消" data-am-modal-close>
                        <input type="button" class="am-btn am-btn-primary am-round" id="button1" value="确认">
                    </fieldset>
                </form>
            </div>
        </div>
    </div>
    <div class="am-modal am-modal-no-btn " tabindex="-1" id="doc-modal-5" style="margin-top:-500px" >
        <div class="am-modal-dialog" >
            <div class="am-modal-hd">
                <a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close>&times;</a>
            </div>
            <div class="am-modal-bd">
                <form class="am-form">
                    <fieldset>
                        <legend>入住登记</legend>
 <!--                       <div class="am-form-gruop">
                            <label for="room_id1"> 房间ID</label>
                            <input type="text" id="room_id1">
                        </div>-->
                        <div class="am-form-gruop">
                            <label for="room_number1"> 房间号码</label>
                            <input type="text" id="room_number1">
                        </div>
 <!--                       <div class="am-form-gruop">
                            <label for="roomtype_id1">类型ID</label>
                            <input type="text" id="roomtype_id1" >
                        </div>
                        <div class="am-form-gruop">
                            <label for="room_price1">价格</label>
                            <input type="text" id="room_price1" >
                        </div>
                        <div class="am-form-gruop">
                            <label for="room_status1">状态</label>
                            <input type="text" id="room_status1" >
                        </div>-->
                        <div class="am-form-gruop">
                            <label for="remark1">备注</label>
                            <input type="text" id="remark1" >
                        </div>
                        <div class="am-form-gruop">
                            <label for="order_id1">订单号</label>
                            <input type="text" id="order_id1" >
                        </div>


                        <input type="button" class="am-btn am-btn-default am-round" value="取消" data-am-modal-close>
                        <input type="button" class="am-btn am-btn-primary am-round" id="button3" value="确认">
                    </fieldset>
                </form>
            </div>
        </div>
    </div>

<!--        <div id="idcheckin" style="display:none">-->
<!--            <form>-->
<!--                房间ID:<input type="text" id="room_id1" style="border:0.5px solid #378888"><br/>-->
<!--                房间号码:<input type="text" id="room_number1" style="border:0.5px solid #378888"><br/>-->
<!--                类型ID:<input type="text" id="roomtype_id1" style="border:0.5px solid #378888"><br/>-->
<!--                价格:<input type="text" id="room_price1" style="border:0.5px solid #378888"><br/>-->
<!--                状态:<input type="text" id="room_status1" style="border:0.5px solid #378888"><br/>-->
<!--                备注:<input type="text" id="remark1" style="border:0.5px solid #378888"><br/>-->
<!--                订单号：<input type="text" id="order_id1" style="border:0.5px solid #378888"><br/>-->
<!--                <input type="button" id="button3" value="登记"><br/><br/>-->
<!--            </form>-->
<!--        </div>-->
        <!--    <div>-->
        <!--        <div class="am-btn-toolbar">-->
        <!--            <div class="am-btn-group am-btn-group-xs">-->
        <!--                <button  type="button" class="am-btn am-btn-default am-btn-success" onclick="display('idcheckout')"><span class="am-icon-plus"></span> 退房</button>-->
        <!--            </div>-->
        <!--        </div>-->
        <!--    </div>-->
        <!--<div id="idcheckout" style="display:none">-->
        <!--<form>-->
        <!--    房间ID:<input type="text" id="room_id" style="border:0.5px solid #378888">-->
        <!--    <input type="button" id="button2" value="退房"><br/><br/>-->
        <!--</form>-->
        <!--</div>-->
    <br>订单信息<br>
<!--    <div id="show1"></div>-->
    <table class="am-table am-table-bd am-table-striped am-table-hover">
        <thead>
        <tr>
            <th>预订订单ID</th>
            <th>电子邮箱</th>
            <th>成员</th>
            <th>客人名</th>
            <th>费用</th>
            <th>天数</th>
            <th>状态</th>
            <th>手机</th>
            <th>备注</th>
        </tr>
        </thead>
        <tbody id="show1">

        </tbody>

    </table>
    <button type="button" class="am-btn am-btn-xs am-round" onclick="javascript:upPage1();" >上一页</button>&nbsp;&nbsp;<button type="button" class="am-btn am-btn-xs am-round" onclick="javascript:downPage1();" >下一页</button>

    <!--<br>账单信息-->
    <!--<div id="show2"></div>-->
    <!--<a href="javascript:upPage2();">上一页</a>&nbsp;&nbsp;<a href="javascript:downPage2();">下一页</a>-->
    <!--<div>-->
    <!--    <div class="am-btn-toolbar">-->
    <!--        <div class="am-btn-group am-btn-group-xs">-->
    <!--            <button  type="button" class="am-btn am-btn-default am-btn-success" onclick="display('addbilll')"><span class="am-icon-plus"></span> 结账</button>-->
    <!--        </div>-->
    <!--    </div>-->
    <!--</div>-->
    <!--<div id="addbilll" style="display:none">-->
    <!--<form>-->
    <!--    客人ID:<input type="text" id="customer_id" style="border:0.5px solid #378888"><br/>-->
    <!--    房间ID:<input type="text" id="room_id2" style="border:0.5px solid #378888"><br/>-->
    <!--    消费金额:<input type="text" id="cost" style="border:0.5px solid #378888">-->
    <!--    <input type="button" id="addbillbotton" value="结账" ><br/><br/>-->
    <!--</form>-->
    <!--</div>-->
</div>
</body>
</html>